<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Index</title>
		<meta charset="UTF-8">
		<meta name=description content="">
		<meta name=viewport content="width=device-width, initial-scale=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- Bootstrap CSS -->
        <link href="../Content/bootstrap/bootstrap.css" rel="stylesheet" media="screen">
	</head>
	<body>
    <nav class="navbar navbar-default" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">Učindo</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="#">Link</a></li>
                </ul>
                <form class="navbar-form navbar-left" role="search">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Search">
                    </div>
                    <button type="submit" class="btn btn-default">Submit</button>
                </form>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">Link</a></li>

                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <img class="img-circle" src="https://lh5.googleusercontent.com/-b0-k99FZlyE/AAAAAAAAAAI/AAAAAAAAAAA/eu7opA4byxI/photo.jpg?sz=120">
                            Ime i prezime <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Profil</a></li>
                            <li><a href="#">Podešavanja</a></li>
                            <li><a href="#">Izloguj se</a></li>
                        </ul>

                    </li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div>
    </nav>


    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="margin-top: -20px;">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner">
                <div class="item active">
                    <img data-src="holder.js/600x480" alt="...">
                    <div class="carousel-caption">
                        ...
                    </div>
                </div>
                <div class="item">
                    <img data-src="holder.js/600x480" alt="...">
                    <div class="carousel-caption">
                        ...
                    </div>
                </div>
                <div class="item">
                    <img data-src="holder.js/600x480" alt="...">
                    <div class="carousel-caption">
                        ...
                    </div>
                </div>
            </div>

            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left"></span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right"></span>
            </a>
        </div>
<div class="container">
        <div class="row">
                <h3>Šta je to Učindo!</h3>
                <div class="col-md-4">
                    <div class="panel panel-primary">
                        <div class="panel-heading">Učenje</div>
                        <div class="panel-body">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci eaque esse explicabo facere impedit
                            molestiae nemo nobis, non nostrum officia optio perspiciatis possimus praesentium quam repellendus, similique sint soluta, tenetur?
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="panel panel-primary">
                        <div class="panel-heading">Zabava</div>
                        <div class="panel-body">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci eaque esse explicabo facere impedit
                            molestiae nemo nobis, non nostrum officia optio perspiciatis possimus praesentium quam repellendus, similique sint soluta, tenetur?
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="panel panel-primary">
                        <div class="panel-heading">Takmičenje</div>
                        <div class="panel-body">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci eaque esse explicabo facere impedit
                            molestiae nemo nobis, non nostrum officia optio perspiciatis possimus praesentium quam repellendus, similique sint soluta, tenetur?
                        </div>
                    </div>
                </div>

        </div>

        <div class="row">
                <h3>Popularni kursevi na Učindo!</h3>
                <div class="col-md-4">
                    <div class="panel panel-primary">
                        <div class="panel-heading">Naslov 1</div>
                        <div class="panel-body">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci eaque esse explicabo facere impedit
                            molestiae nemo nobis, non nostrum officia optio perspiciatis possimus praesentium quam repellendus, similique sint soluta, tenetur?

                        </div>
                        <div class="panel-body">
                            <a class="btn btn-danger" href="#">Poseti kurs</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="panel panel-primary">
                        <div class="panel-heading">Naslov 1</div>
                        <div class="panel-body">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci eaque esse explicabo facere impedit
                            molestiae nemo nobis, non nostrum officia optio perspiciatis possimus praesentium quam repellendus, similique sint soluta, tenetur?
                        </div>
                        <div class="panel-body">
                            <a class="btn btn-warning" href="#">Poseti kurs</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="panel panel-primary">
                        <div class="panel-heading">Naslov 1</div>
                        <div class="panel-body">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci eaque esse explicabo facere impedit
                            molestiae nemo nobis, non nostrum officia optio perspiciatis possimus praesentium quam repellendus, similique sint soluta, tenetur?
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium assumenda laboriosam laudantium magni odio optio sequi sint tempora velit! Cum deserunt excepturi facere harum magni minima quae quibusdam sequi temporibus!
                        </div>
                        <div class="panel-body">
                            <a class="btn btn-success" href="#">Poseti kurs</a>
                        </div>
                    </div>
                </div>

        </div>
</div>



		<!-- jQuery -->
		<script src="../Scripts/jquery-1.10.2.js"></script>
		<!-- Bootstrap JavaScript -->
		<script src="../Scripts/bootstrap.min.js"></script>

        <script src="holder.js"></script>
	</body>
</html>